<template>
  <div class="home">
    <head-bar />
    <side-bar />

    <div class="content-box">
      <div class="content">
        <router-view />
        <el-backtop target=".content"></el-backtop>
      </div>
    </div>
  </div>
</template>

<script>
import SideBar from "../components/SideBar";
import HeadBar from "../components/HeadBar";

export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "Container",
  components: {
    HeadBar,
    SideBar
  },
  created() {
  }
};
</script>

<style scoped>
.content-box {
  position: absolute;
  left: 200px;
  right: 0;
  top: 70px;
  bottom: 0;
  background: #f0f0f0;
}

.content {
  width: auto;
  height: 100%;
  padding: 10px;
  overflow-y: scroll;
  box-sizing: border-box;
}
</style>
